<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="header">
			<p class="zhuye">
				<a href="#">主页</a>
				<img src="images/cai.png">
			</p>
			<div class="tou">
				<img class="yuan" src="images/pic.jpg"><br>
				<img src="images/xinl.png" style="width: 36px;">
				<img src="images/bzxrgk.png">
			</div>
			<div class="wel">
				欢迎来到我的主页
			</div>
		</div>
		<div class="nav">
			<ul class="list">
				<li><a href="#">首页</a></li>
				<li><a href="#">博主</a></li>
				<li><a href="#">作品</a></li>
				<li><a href="#">视频</a></li>
			</ul>
		</div>
		<div class="about">
			<p class="title">ABOUT<span style="color: bisque;">|</span>ME</p>
			<p class="hob1">爱好摄影</p>
			<p class="hob2">我喜欢拍人像照片</p>
			<p class="hob3">我喜欢看很多<br>
			关于摄影的故事</p>
			<p class="hob4">我喜欢在微博收藏一<br>
			些喜欢的风格照片</p>
		</div>
		<div class="conten">
		<p class="ctitle">
			关于我的日常生活
		</p>
			<ul>
				<li><img class="pic1" src="images/pic1.jpg"></li>
				<li><img class="pic2" src="images/pic2.jpg"></li>
				<li><img class="pic3" src="images/pic3.jpg"></li>
			</ul>
			<img class="bigpic1" src="images/pic1.jpg">
			<img class="bigpic2" src="images/pic2.jpg">
			<img class="bigpic3" src="images/pic3.jpg">
		</div>
		<div class="lianx">
			<p>我的联系方式</p>
			<ul>
				<li>电话:13956756180</li>
				<li>QQ:1271872287</li>
				<li>邮箱:1271872287@qq.com</li>
				<li>微信:MY1271872287</li>
			</ul>
		</div>
		<div class="fbanner">
			<input type="email" placeholder="E-Mail" />
			<span style="color: #fff;padding-left: 30px;">订阅本站</span>
		</div>
		<div class="footer">
			<p>
				<a href="#">首页Home</a>
				<a href="#" class="pl">隐私政策Privacy Policy</a>
			</p>
			<p>
				<a href="#">关于About</a>
				<a href="#" class="pl">使用条款Terms of Use</a>
			</p>
			<p>
				<a href="#">作品Portfolio</a>
			</p>
			<p>
				<a href="#">联系Contact</a>
			</p>
		</div>
		<script src="js/jquery.min.js"></script>
		<script>
			$('.pic1').click(function(){
				$('.bigpic1').show()
			})
			$('.bigpic1').click(function(){
				$(this).hide()
			})
			$('.pic2').click(function(){
				$('.bigpic2').show()
			})
			$('.bigpic2').click(function(){
				$(this).hide()
			})
			$('.pic3').click(function(){
				$('.bigpic3').show()
			})
			$('.bigpic3').click(function(){
				$(this).hide()
			})
		</script>
	</body>
</html>
